<link href="<?php echo base_url('resources'); ?>/css/user/duan_style.css" rel="stylesheet" type="text/css" />
<script language = "javascript" src='<?php echo base_url(); ?>/ckeditor/ckeditor.js' type=”text/javascript”></script>
<script src="<?php echo base_url('resources/jquery-ui-1.10.3/jquery-1.9.1.js');?>"></script>
<form id="lapbaocao" action="<?php echo base_url('nhanvien/duan/SaveBaoCao?id='). $id;?>" method="post" enctype="multipart/form-data">
    <fieldset>
    	<legend>Báo Cáo</legend>
        
           <div>
            <label for="hoanthanh">Công việc hoàn thành: <span class="required">*</span>
                <?php
                    if (isset($errors) && in_array('hoanthanh', $errors)) {
                        echo "<p class='warning'>Please fill in the page name<p>";
                    }
                ?>
            </label>
            <div class="hoanthanh"><textarea id="hoanthanh" name="hoanthanh" rows="10" cols="50" tabindex="3"></textarea>
            <?php echo display_ckeditor($ckeditor1); ?>
            <span id="tbhoanthanh"></span></div>
            </div>
            <div>
                <label for="tieptheo">Công việc tiếp theo: <span class="required">*</span>
                    <?php
                        if (isset($errors) && in_array('tieptheo', $errors)) {
                            echo "<p class='warning'>Điền vào<p>";
                        }
                    ?>
                </label>
                <div class="tieptheo"><textarea id="tieptheo" name="tieptheo" rows="10" cols="50" tabindex="3"></textarea>
                <?php echo display_ckeditor($ckeditor2); ?>
                <span id="tbtieptheo"></span></div>
            </div>
            
            <div>
                <label for="mota">Mô tả thêm: 
                    <?php
                        if (isset($errors) && in_array('mota', $errors)) {
                            echo "<p class='warning'>Please fill in the page name<p>";
                        }
                    ?>
                </label>
                <div id="mota"><textarea name="mota" rows="10" cols="50" tabindex="3"></textarea>
                <?php echo display_ckeditor($ckeditor3); ?>
                </div>
            </div>
            
            <div>
                <label for="loaibaocao">Loại báo cáo: <span class="required">*</span></label>
                <div id="loaibaocao">
                    <select name="loaibaocao" tabindex="4">
                        <?php
                                for ($i=0; $i<sizeof($resultLoaiBaoCao); $i++){
                                    echo "<option value='{$resultLoaiBaoCao[$i]['MaLoaiBaoCao']}'";
                                    if (isset($_POST['loaibaocao']) && ($_POST['loaibaocao'] == $resultLoaiBaoCao[$i]['MaLoaiBaoCao'])) echo "selected='selected'";
                                    echo ">" .$resultLoaiBaoCao[$i]['TenLoaiBaoCao']. "</option>";
                                }
                            
                        ?>
                    </select>
                </div>
            </div>
            <p class="warning">Chú ý: các tài liệu cần thiết nén vào 1 file rar hoặc zip</p>
            
            <div id="dinhkem">
                <input type="file"  name="dinhkem" id="dinhkem" value="Chọn File"/>
            </div>
    </fieldset>
    <div><input class="submit" type="submit" name="submit" value="  TẠO BÁO CÁO  " /></div>
</form>
<script>
        $(document).ready(function(){
        $('#hoanthanh').change(function() {
            var comment = $(this).val();
            if(comment.length > 30) {
                $('#tbhoanthanh').html('<span class="ok">Nội dung hợp lệ.</span>');
            } else {
                $('#tbhoanthanh').html('<span class="short">Nội dung phải dài hơn 30 kí tự.</span>');
            }
        });
        $('#tieptheo').change(function() {
            var comment = $(this).val();
            if(comment.length > 30) {
                $('#tbtieptheo').html('<span class="ok">Nội dung hợp lệ.</span>');
            } else {
                $('#tbtieptheo').html('<span class="short">Nội dung phải dài hơn 30 kí tự.</span>');
            }
        });
    });
</script>